* {
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
}

svg {
    max-width: 100%;
    height: auto;
}

.mc-img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: cover;
}

body,
html {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
}

.i-flex {
    display: flex;

    &.i-flex-column {
        flex-direction: column;
    }

    &.i-flex-ai-c {
        align-items: center;
    }

    &.i-flex-jc-c {
        justify-content: center;
    }

    &.i-flex-jc-b {
        justify-content: space-between;
    }


    .i-flex-none {
        flex: none;
    }

    .i-flex-auto {
        flex: auto;
    }
}
